<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="format-detection" content="telephone=no" />
    <title>明睿长城</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="/static/favicon.ico">
    <link rel="stylesheet" href="/front/css/style.css" />
    <link rel="stylesheet" href="/front/css/slick.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="wp">
            <div class="logo">
                <a href=""><img src="front/images/logo.png" alt=""></a>
            </div>
            <div>
                <div class="col-r">
                    <ul class="nav" th:include="front/header::header">

                    </ul>
                    <div class="hd-tel"><a onclick="showPhone();"></a></div>
                    <div class="soBox">
                        <span class="btn-so"></span>
                        <div class="con">
                            <form action="">
                                <input type="text" class="inp" name="articleTitle" id="articleTitle">
                                <input type="hidden" id="telephone">
                                <input onclick="search();"  type="button" value="" class="sub">
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <div class="ban">
        <div class="slider">
            <div class="item" th:each="image,imageStat: ${advImageList}" th:style="'background-image:url('+${image.fileUrl}+')'">
                <div class="wp" th:if="${lbwsm.articleTitle} != null">
                    <div class="txt">
                        <h3 class="tit">[[${lbwsm.articleTitle}]]</h3>
                        <p th:utext="${lbwsm.articleContent}"></p>
                        <a th:href="@{'http://'+${lbwsm.articleIntroduction}}" target="_blank" class="more">了解详情</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="main">
        <div class="row-d1">
            <div class="wp" style="padding-bottom:15px;">
                <h3 class="m-tit2"><span>核心技术</span><em>CORE TECHNOLOGY</em></h3>
                <p th:utext="${hxjs}"></p>
            </div>
            <ul class="p-list7" style="max-width:1294px;margin:0 auto;">
                <li style="background-image: url(front/images/img21.jpg);">
                    <a href="/front/technologyCore" class="con">
                        <div class="txt">
                            <!--<i class="icon" style="background-image: url(front/images/img24.png);"></i>
                            <h4 class="tit">图片检测功能介绍</h4>-->
                        </div>
                    </a>
                </li>
                <li style="background-image: url(front/images/img22.jpg);">
                    <a href="/front/technologyCore" class="con">
                        <div class="txt">
                            <!--<i class="icon" style="background-image: url(front/images/img25.png);"></i>
                            <h4 class="tit">视频检测功能介绍</h4>-->
                        </div>
                    </a>
                </li>
                <li style="background-image: url(front/images/img23.jpg);">
                    <a href="/front/technologyCore" class="con">
                        <div class="txt">
                            <!--<i class="icon" style="background-image: url(front/images/img26.png);"></i>
                            <h4 class="tit">音频检测功能介绍</h4>-->
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="row-d2">
            <div class="wp">
                <h3 class="m-tit2"><span>解决方案</span><em>application</em></h3>
                <p th:utext="${jjfa}"></p>
            </div>
            <div class="inner" style="background-image: url(front/images/img17.jpg);">
                <div class="wp">
                    <ul class="p-list6">
                        <li th:each="data,imageStat: ${list3}" th:if="${imageStat.index} lt 3">
                            <div class="con">
                                <div class="pic">
                                    <a href="/front/solution">
                                        <img th:each="image,imageStat: ${data.filePathList}" src="images/img27.jpg" th:src="${image.fileUrl}">
                                    </a>
                                </div>
                                <h4 class="tit" style="text-align: center;"><a href="/front/solution" th:text="${data.articleTitle}"></a></h4>
                                <div class="det" th:utext="${data.articleContent}"></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row-d3">
            <div class="wp">
                <h3 class="m-tit2"><span>新闻中心</span><em>NEWS CENTER</em></h3>
                <div class="inner">
                    <div class="col-l">
                        <div class="m-txt1">

                        </div>
                    </div>
                    <div class="col-r">
                        <ul class="p-list4 TAB" id=".box-tab4">
                            <li class="hover"><a onclick="getListNews(0,'qyxw');">企业新闻</a></li>
                            <li><a onclick="getListNews(0,'hydt');">行业动态</a></li>
                        </ul>
                        <div class="box-tab4">
                            <ul class="p-list5">

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <!-- 底部 -->
    <div class="footer">
        <div class="con-top">
            <div class="wp">
                <div class="col-l">
                    <div class="f-logo">
                        <a href=""><img src="front/images/img1.png" alt=""></a>
                    </div>
                    <div class="f-contact">
                        <!--<p>咨询电话</p>
                        <div class="tel"><span id="span1">400-000-0000</span></div>-->
                        <p><img src="images/img4.png" alt=""><span id="span2">安徽省合肥市蜀山区XXXXXXXXX</span></p>
                        <p><img src="images/img5.png" alt="">反馈邮箱：<span id="span3">123456789@qq.com</span></p>
                    </div>
                    <div style="margin-top: 20px;">
                        <img src="front/images/qrcode.png" style="width: 100px;">
                        <img src="front/images/qrcode1.png" style="width: 100px;margin-left: 25px;">
                    </div>
                </div>
                <div th:include="front/header::footer"></div>
            </div>
        </div>
        <div class="con-bot">
            <div class="wp">
                <div class="f-copy">北京明睿长城科技有限公司 版权所有 京ICP备2021017392号-1</div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <script src="/front/js/jquery.js"></script>
    <script src="/front/js/slick.min.js"></script>
    <script src="/front/js/lib.js"></script>
    <script src="/js/jquery.pagination.js"></script>
    <script src="/js/plugins/layer/layer.js"></script>
    <script>
        $(document).ready(function() {
            $('.ban .slider').slick({
                dots: true,
                arrows: false,
                autoplay: true,
                slidesToShow: 1,
                fade: true,
                autoplaySpeed: 5000,
                pauseOnHover: false,
                lazyLoad: 'ondemand'
            });
        });

        getListNews(0,"qyxw");
        var articleType;

        function getListNews(pageIndex,articleType){
            articleType = articleType;
            if(articleType == 'qyxw') {
                $("#span1").html("企业新闻");
            }else {
                $("#span1").html("行业动态");
            }
            $.ajax({
                type : "POST",
                url :  "/front/listNews",
                data : {articleType:articleType,offset:pageIndex,limit:10},
                async : false,
                success : function(data) {
                    if(data != null && data != '') {
                        //$("#pagination").html("<span>共"+data.total+"条信息</span>")
                        totalData=data.total
                        if(parseInt(data.total)>=10){
                            pageCount=Math.ceil(data.total/10);
                        }else{
                            pageCount=1;
                        }
                        var html = "";
                        for (var i=0;i<data.rows.length;i++){
                            /*html += '<li>';
                            html += '<div class="pic">';
                            html += '<a href="/front/newsDetail?id='+data.rows[i].id+'"><img src="'+fileImage+'" alt=""></a>';
                            html += '</div>';
                            html += '<div class="txt">';
                            html += '<h3 class="tit"><a href="/front/newsDetail?id='+data.rows[i].id+'">'+data.rows[i].articleTitle+'</a></h3>';
                            html += '<div class="det">'+data.rows[i].articleIntroduction+'</div>';
                            html += '<div class="date"><img src="images/img14.png" alt="">'+data.rows[i].createTime+'</div>';
                            html += '</div>';
                            html += '</li>';*/
                            if(i == 0) {
                                var filePathList = data.rows[i].filePathList;
                                var fileImage = "";
                                if(null != filePathList && filePathList.length > 0) {
                                    fileImage = filePathList[0].fileUrl;
                                }
                                var html1 = "";
                                html1 += '<div class="pic">';
                                html1 += '<a href="/front/newsDetail?id='+data.rows[i].id+'"><img src="'+fileImage+'" alt="" width="600" height="300"></a>';
                                html1 += '</div>';
                                html1 += '<h3 class="tit"><span>要点资讯</span><a href="/front/newsDetail?id='+data.rows[i].id+'">'+data.rows[i].articleTitle+'</a></h3>';
                                html1 += '<div class="det">'+data.rows[i].articleIntroduction+'</div>';
                                html1 += '<div class="date"><img src="front/images/img14.png" alt="">'+data.rows[i].createTime.substring(0,10)+'</div>';
                                $(".m-txt1").html(html1);
                            }
                            var createDate = data.rows[i].createTime;
                            var month = createDate.substring(5,10);
                            var day = createDate.substring(8,10);
                            html += '<li>';
                            html += '<div class="date"><strong>'+day+'</strong>'+month+'</div>';
                            html += '<div class="txt">';
                            html += '<h4 class="tit"><a href="/front/newsDetail?id='+data.rows[i].id+'">'+data.rows[i].articleTitle+'</a></h4>';
                            html += '<div class="det">'+data.rows[i].articleIntroduction+'</div>';
                            html += '</div>';
                            html += '</li>';
                        }
                        $('.p-list5').html(html);
                    }
                }
            });
        }
        function pageselectCallback(page_id, jq) {
            getListNews((page_id.getCurrent()-1)*10,articleType)
        }
        $("#pagination").pagination( {
            callback: pageselectCallback,//PageCallback() 为翻页调用次函数。
            pageCount: pageCount, //总页数
            totalData: totalData,
            items_per_page: 10, //每页的数据个数
            coping: true,
            homePage: '首页',
            endPage: '末页',
            prev_text: " 上一页",
            next_text: "下一页 ",
        });

        function showPhone() {
            var telephone = $("#telephone").val();
            layer.msg(telephone)
        }

        function search() {
            var articleTitle = $("#articleTitle").val();
            if(articleTitle == null || articleTitle == '') {
                layer.msg("请输入查询关键字");
                return false;
            }
            window.location.href = "/front/news?articleTitle="+articleTitle;
        }

    </script>
</body>

</html>
